@charset "utf-8";

//rest------------------------------------------------------------------------------------------------
* {
  margin: 0;
  padding: 0;
  font-family:"microsoft yahei";
}
li{ list-style: none;}
a{text-decoration: none;}
img{
    border: none;
}

audio{display: none;}

//public------------------------------------------------------------------------------------------------
 body{
    background: #01150e url('../img2/bac.jpg') no-repeat center top;
    background-size: 100%;
    font-size: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-width: 3.2rem;
    max-width: 7.5rem;
    margin: 0 auto;
    overflow: hidden;
}

img{
    display: block;
    width: 100%;
}

.box{//每个大容器通用
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    min-width: 3.2rem;
    max-width: 7.5rem;
    overflow: hidden;
}


.el(@width,@top:auto,@left:auto,@right:auto){//简化CSS  width top left right
    position: absolute;
    width: @width;
    top: @top;
    left: @left;   
    right: @right; 
}


//step1  首页------------------------------------------------------------------------------------------------
.step1{
    .box;
    
    .logo{
        .el(0.54rem,1rem,auto,0.3rem);
    }
    
    .title{
        .el(1.14rem,4.8rem,auto,1rem);
    }
    
    .ray{
        .el(1.54rem,4rem,auto,1.05rem);
    }
    
    
    .start1{
        .el(2.71rem,4.4rem,auto,2.1rem);
        animation: start1 2s linear 0s infinite normal ;
        -webkit-animation: start1 2s linear 0s infinite normal ;
        transform-origin: 1.36rem 1.46rem;
    }
   
    @keyframes start1{
        0%{
            transform: rotate(0deg);
        }
        100%{
            transform: rotate(360deg);
        }
    }
    @-webkit-keyframes start1{
        0%{
            transform: rotate(0deg);
        }
        100%{
            transform: rotate(360deg);
        }
    }
       
    .start{
        .el(1.19rem,5.25rem,auto,2.85rem);
        
    }
}

//step2
